html, body, div, a,span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    background: transparent;
    text-decoration: none

}
body{margin: 0}
*, *:before, *:after {
    -moz-box-sizing: border-box;		/* Firefox 1, probably can drop this */
    -webkit-box-sizing: border-box;	/* Safari 3-4, also probably droppable */
    box-sizing: border-box;			/* Everything else */
}
a {text-decoration: none;}
input {outline: 0;}
img {
    border:none;display: block;
}
ul {
    list-style: none;
    margin: 0;padding: 0;
}
*{
    margin: 0;
    padding:0;
}
html{
    width: 100%;
    height: 100%;
    font-size:13.333vw;
}
body{
    width:100%;
    height:auto;
    font-size:16px;
    display:flex;
    flex-direction:column;
    text-size-adjust: 100% !important;
    /*background: #b81317;*/
}
#prize_body{
    height: 100%;

}
.prize_top_main{
    width: 100%;
    height: 100%;
    background: url(../images/top.jpg) no-repeat top/cover;
    position: relative;
}

.prize_main{
    width: 100%;
    margin-top:15%;
}


.form_box{
    width: 80%;
    margin: 0% auto 0;
}
.form_group {
    position: relative;
    margin: 0.3rem auto;
}
.input-group {
    background: url(../images/input_bg.png) no-repeat center/100% 100%;
    height: 0.72rem;
    width: 100%;
    padding: 0 6%;
}
.input-group input {
    outline: none;
    background-color: transparent;
    border: none;
    height: 0.72rem;
    line-height: 0.72rem;
    width: 100%;
    font-size: 0.3rem;
    color: #000;
    letter-spacing: 2px;
}
.V-code {
    position: absolute;
    top: 0rem;
    right: 0rem;
}
.captchas{
    position: absolute;
    top: 0.05rem;
    right: 0.2rem;
    bottom: 0.05rem;
}
.pc-code {
    position: absolute;
    top: 0.05rem;
    bottom: 0.05rem;
    right: 0.25rem;
    height: 0.98rem;
}
.pc-code_btn {
    background: url(../images/yzmimg.png) no-repeat center/100% 100%;
    height: 90%;
    border: none;
    outline: none;
    color: #b8342c;
    padding: 0 0.2rem;
    width: 2rem;
    margin: 0% auto;
}
.V-code_btn {
    height: 0.4rem;
    border: none;
    outline: none;
    color: #d1b485;
    width: 2.2rem;
    letter-spacing: 1px;
    font-size: 0.32rem;
}
#qr_body{
    width: 100%;
    height: 100%;
}
.qr_top{
    width: 100%;
}
.qr_top>img{
    width: 100%;
}
.flex-panel{
    width: 100%;
    height: 100%;
    background: url(../images/qrcode_top.jpg) no-repeat top/100% 100%;
    position: relative;
}
.qr_main{
    width: 100%;
    position: absolute;
    top: 65%;
    left:0;
    transform: translate(0,-50%);
}
.qr_main .qr_bg{
    width: 100%;
}
.qr_title{
    width: 80%;
    margin:0 auto;
    position: absolute;
    top:14%;
    left:10%;
}
.qr_main{
    position: relative;
}
.qr_main .qr_img{
    width: 50%;
    position: absolute;
    left: 24.5%;
    top: 0.35rem;
}
.qr_zjfae{
    width: 44%;
    margin: 0 auto;
    position: absolute;
    top: 95%;
    left: 28%;
}
.qr_zjfae>img{
    width: 100%;
}
.qr_main .updataimg{
    width: 100%;
    padding:0.1rem 0;
    height:0.5rem;
    text-align: center;
}
.qr_main .updata-box{
    text-align:  center;
    width: 20%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.qr_main .upimg{
    text-align:  center;
}

.updata-box p{
    font-size: .3rem;
    display:inline-block;
    width: 0.8rem;
    color:#fff;
    line-height: 0.4rem;
    padding-left: 0.05rem;
    text-align: center;
}
.zjfae_logo{
    width:55%;
    margin: 0.4rem auto 0.2rem;
}
.footer{
    width: 100%;
}
.footer>img{
    width: 100%;
}
